
{% extends 'Z/base.html' %}{#继承模板 一定要是页面的首行代码#}


{% block header %}
{# 引用拆分出来的功能模板 #}
    {% include 'Z/header.html' %}
{% endblock %}

{% block main %}
    {# block 重写 #}
{% include 'Z/classes.html' %}
    {# include 引用 相当于 import  引用了classes则 classes中的内容会覆盖div中的内容  #}
    <div>{#  #}
    <h4>咨询头条</h4>
    <h4>开源项目</h4>
    <h4>精选博客</h4>
    <h4>{{ block.super }}</h4> {# super 继承 #}
    </div>
{% endblock %}

{#<!DOCTYPE html>#}
{#<html lang="zh-CN">#}
{#<head>#}
{#    <meta charset="UTF-8">#}
{#    <title>{{ now_cls }}violet A平台</title>#}
{#    <style>#}
{#        * {#}
{#            margin: 0px;#}
{#            padding: 0px;#}
{#        }#}
{##}
{#        li {#}
{#            list-style: none;#}
{#        }#}
{##}
{#        a {#}
{#            text-decoration: none;#}
{#            color: black;#}
{#        }#}
{#        .header{#}
{#           margin: 0 20px 5px; {# 上 左右 下 #}
{#            border-radius: 20px;#}
{#            box-shadow:rgb(99,99,99,0.2) 0 2px 4px 0;#}
{#            display: flex;#}
{#            padding: 10px;#}
{#        }#}
{##}
{#        .classes-box{#}
{#         margin: 0 20px 10px; {# 上 左右 下 #}
{#            border-radius: 14px;#}
{#            box-shadow:rgb(99,99,99,0.2) 0 2px 8px 0;#}
{#            display: flex;#}
{#            padding: 20px;#}
{#        }#}
{#        .classes-box li{#}
{#            height: 20px;#}
{#            margin-right: 40px;#}
{#            color: darkslateblue;#}
{#        }#}
{#        .classes-box li a{#}
{#            display: flex;#}
{#             margin-bottom:auto;#}
{#            border-radius: 10px;#}
{#            margin-right: 2em;#}
{#        }#}
{##}
{#        .nav {#}
{#            width: 1200px;#}
{#            margin: 44px auto;#}
{#        }#}
{##}
{#        .nav li {#}
{#            border-bottom: 2px black solid;#}
{#            padding: 14px;#}
{#        }#}
{##}
{#        .nav li h4:hover {#}
{#            color: dodgerblue;#}
{#        }#}
{##}
{#        .nav li div {#}
{#            display: inline-block;#}
        {# 行快标签 #}
{#        }#}
{##}
{#        .nav li .left {#}
{#            width: 800px;#}
{#        }#}
{##}
{#        .nav li .right img {#}
{#            width: 260px;#}
{#        }#}
{##}
{#        .bottom-info {#}
{#            text-align: center;#}
{#            margin-top: auto;#}
{#            color: darkgray;#}
{#        }#}
{##}
{##}
{#    </style>#}
{#</head>#}
{#<body>#}
{#<div class="header">#}
{##}
{#</div>#}
{##}
{# 各页面中 的分类 分类  #}
{##}
{#</body>#}
{#</html>#}
